<template>
    <ul class="todo-main">
        <MyItem 
            v-for="todoObj in todos" 
            :key="todoObj.id" 
            :todoObj="todoObj" 
            :checkTodo="checkTodo"
            :removeTodo="removeTodo"
        />
    </ul>
</template>

<script>
import MyItem from './MyItem.vue'

export default {
    name: 'MyList',
    components: {
        MyItem
    },
    props: {
        todos: {
            type: Array,
            required: true
        },
        checkTodo: {
            type: Function,
            required: true
        },
        removeTodo: {
            type: Function,
            required: true
        }
    }
}
</script>


